<script setup>
import { ref } from 'vue'

const show = ref(true)
</script>

<template>
  <button @click="show = !show">Toggle</button>
  <!-- enter-from-class
      enter-active-class
      enter-to-class
      leave-from-class
      leave-active-class
      leave-to-class -->
  <Transition
    name="bounce"
    enter-active-class="animate__animated animate__bounce"
    leave-active-class="animate__animated animate__rubberBand"
  >
    <div v-if="show" style="text-align: center">hello</div>
  </Transition>
</template>

<style>
</style>